@()(implicit request: RequestHeader,messages: Messages)
@main(messages("sign-up"))("signIn", "") {

	<link rel="stylesheet" media="screen" href="@routes.Assets.at("signIn/css/style.css")">

	<script src="@routes.Assets.at("jquery-levelup/js/levelup.js")" type="text/javascript"></script>


	<style>
			.genome-pre {
				white-space: pre-wrap;
				word-wrap: break-word;
				border: 0px solid #ccc;
				background-color: white;
			}

			select:not([multiple]) {
				-webkit-appearance: none;
				-moz-appearance: none;
				background-position: right 50%;
				background-repeat: no-repeat;
				background-image: url();
				padding: .5em;
				padding-right: 1.5em
			}

	</style>
	<div class="page-content">

		<div class="page-bar">
			<ul class="page-breadcrumb">
				<li>
					<i class="fa fa fa-edit"></i>
					<a href="">@messages("dailySign-up")</a>
				</li>
			</ul>
		</div>

		<div class="row">
			<div class="col-sm-12">
				<div class="portlet light profile-sidebar-portlet base-info">

					<div class="portlet-title">
						<div class="user-info item">
							<div class="title clear">
								<span>@messages("sign-up")</span>
							</div>
						</div>
					</div>

					<div class="portlet-body">
						<div class="row">

							<div class="col-sm-12" style="display: block">

								<div class="qiandao-warp">
									<div class="qiandap-box">
										<div class="qiandao-con clear" style="display: block">
											<div class="qiandao-left">
												<div class="qiandao-left-top clear">
													<div class="current-date"></div>
													<div class="qiandao-history qiandao-tran qiandao-radius" id="js-qiandao-history">
														@messages("mySign-up")</div>
												</div>
												<div class="qiandao-main" id="js-qiandao-main">
													<ul class="qiandao-list" id="js-qiandao-list">
													</ul>
												</div>
											</div>
											<div class="qiandao-right">
												<div class="qiandao-top">
													<div class="qiandao-notic" style="text-align: center;
														margin-bottom: 15px">
														<i class="fa fa-"></i> @messages("wheatGrainCredit")：<span id="coin"></span></div>
													<div class="just-qiandao qiandao-sprits" id="js-just-qiandao">
													</div>
												</div>
												<div class="qiandao-bottom">
													<div class="qiandao-rule-list">
														<h4>@messages("sign-upRules")</h4>
														<p>@messages("get100PerDay")</p>
													</div>
													<div class="qiandao-rule-list">
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>

								<div id="viewModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog" style="width: 600px">
										<div class="modal-content">
											<div class="modal-header bg-primary">
												<h4 class="modal-title">
													<span id="lblAddTitle" style="font-weight: bold">@messages("mySign-up")</span>
												</h4>
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true" >
													<i class="fa fa-remove"></i>
												</button>
											</div>

											<div class="portlet-body form" style="margin-left: 15px;
												margin-right: 15px;
												margin-bottom: 15px">

												<ul class="qiandao-history-inf clear">
													<li>
														<p>@messages("currentCredit")</p>
														<h4 class="coin"></h4>
													</li>
													<li>
														<p>@messages("sign-upThisMonth")</p>
														<h4 id="signInNum"></h4>
													</li>
													<li>
														<p>@messages("totalNumberOfSign-ups")</p>
														<h4 id="totalNum"></h4>
													</li>
													<li>
														<p>@messages("cumulativeSign-upRewards")</p>
														<h4 id="signInCoin"></h4>
													</li>
												</ul>

												<div class="table-responsive" style="margin-bottom: 20px">

													<table class="display table table-bordered" id="table" data-click-to-select="true"
													data-page-list="[10, 25, 50, 100, all]" >
														<thead>

															<tr class="myTr">

															</tr>

														</thead>
													</table>

												</div>

											</div>

										</div>
									</div>
								</div>


							</div>


						</div>


					</div>

				</div>
			</div>
		</div>


	</div>


	<script>

			$(function () {
				SignIn.init
			})
	</script>


}
